<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/plantillas/plantilla-sistema.xhtml">  
    <ui:define name="cabecera">
        <title>Gestión de Areasprotegidas</title>
        <link rel="shortcut icon"  href="../../resources/imagenes/favicon.ico" />
    </ui:define>
    <ui:define name="contenido">
        <center>
            <p:panel id="areaprotegidaPnl" header="Areasprotegidas" style="width: 950px">
                <h:form id="tablaAreaprotegidaFrm">
                    <p:dataTable id="tablaAreaprotegida" var="areaprotegida" resizableColumns="true"
                                 value="#{areaprotegidaBean.listaAreasprotegidas}"
                                 rowKey="#{areaprotegida.codigoarea}" selectionMode="single"
                                 paginator="true" paginatorPosition="bottom" rows="15"
                                 emptyMessage="No hay registros disponibles.">
                        <p:column headerText="Nombre" filterBy="#{areaprotegida.nombre}" 
                                  sortBy="#{areaprotegida.nombre}" filterMatchMode="contains">
                            <h:outputText id="nombreTxt" value="#{areaprotegida.nombre}" />
                        </p:column>
                        <p:column headerText="Descripcion" filterBy="#{areaprotegida.descripcion}" 
                               filterMatchMode="contains">
                            <h:outputText id="descripcionprotegidaTxt" value="#{areaprotegida.descripcion}"/>
                        </p:column>
                         <p:column headerText="Habilitado" filterBy="#{areaprotegida.habilitado}" 
                                 filterMatchMode="contains">
                            <h:outputText id="habilitadoTxt" value="#{areaprotegida.habilitado}" />
                        </p:column>
                        
                        <p:column headerText="Modificar">
                            <center>
                            <p:commandButton id="modificarBtn" title="Modificar" icon="ui-icon-pencil"
                                             actionListener="#{areaprotegidaBean.prepararModificacion(areaprotegida)}" 
                                             update=":modificarAreaprotegidaFrm:modificarareaprotegidaPnl" 
                                             oncomplete="modificarAreaprotegidaWgt.show()" />
                            </center>                   
                        </p:column>
                      
                    </p:dataTable>                    
                    <p:commandButton id="nuevoBtn" value="Nuevo Areaprotegida" 
                                    actionListener="#{areaprotegidaBean.prepararAdicion}" 
                                    update=":guardarAreaprotegidaFrm:guardarareaprotegidaPnl" 
                                    oncomplete="guardarAreaprotegidaWgt.show()"
                                    title="Agregar nuevo areaprotegida" icon="ui-icon-document"/>              
                </h:form>
            </p:panel>
        </center>
    </ui:define>   
    
    
    <ui:define name="extra">
        <p:dialog id="guardarAreaprotegidaDlg" header="Nuevo Areaprotegida" widgetVar="guardarAreaprotegidaWgt" 
                  resizable="false" modal="true" showEffect="false">
            <h:form id="guardarAreaprotegidaFrm">
                <h:panelGrid id="guardarareaprotegidaPnl" columns="2" style="margin-bottom:10px">
                    <h:outputLabel for="nombreAreaprotegidaTxt" value="Nombre del Areaprotegida:" />
                    <h:inputText id="nombreAreaprotegidaTxt" value="#{areaprotegidaBean.areaprotegida.nombre}"/>                  
                   
                       <h:outputLabel for="descripcionTxt" value="Descripción:" />
                      
                       <h:inputText id="descripcionTxt" label="descripcionTxt" value="#{areaprotegidaBean.areaprotegida.descripcion}"/>         
                              
                    <p:commandButton value="Guardar" id="guardarBtn"
                                 update=":tablaAreaprotegidaFrm:tablaAreaprotegida" 
                                 oncomplete="guardarAreaprotegidaWgt.hide()" 
                                 actionListener="#{areaprotegidaBean.agregarAreaprotegida}" 
                                 icon="ui-icon-disk" title="Guardar"/>
                    <p:commandButton value="Cancelar" type="button" onclick="guardarAreaprotegidaWgt.hide()"
                                     icon="ui-icon-cancel" title="Cancelar"/>
                </h:panelGrid> 
            </h:form>
        </p:dialog>
        
        <p:dialog id="modificarAreaprotegidaDlg" header="Modificar Areaprotegida" widgetVar="modificarAreaprotegidaWgt" 
                  resizable="false" modal="true" showEffect="false">
            <h:form id="modificarAreaprotegidaFrm">
                <h:panelGrid id="modificarareaprotegidaPnl" columns="2" style="margin-bottom:10px">
                    <h:outputLabel for="nombreAreaprotegida2Txt" value="Nombre del Areaprotegida:" />
                    <h:inputText id="nombreAreaprotegida2Txt" value="#{areaprotegidaBean.areaprotegida.nombre}"/>                  
                 
                       <h:outputLabel for="descripcion2Txt" value="Descripcion:" />
                       
                       <h:inputText id="descripcion2Txt" value="#{areaprotegidaBean.areaprotegida.descripcion}"/>
                    
                    
                       <p:outputLabel for="habilitado2Txt" value="Habilitado: " />
                    <p:selectBooleanCheckbox id="habilitado2Txt" value="#{areaprotegidaBean.areaprotegida.habilitado}" /> 
                    <p:spacer width="20" height="20" />
                    <p:spacer width="20" height="20" />
                    
                    
                    <p:commandButton value="Guardar" id="guardarBtn"
                                 update=":tablaAreaprotegidaFrm:tablaAreaprotegida" 
                                 oncomplete="modificarAreaprotegidaWgt.hide()" 
                                 actionListener="#{areaprotegidaBean.actualizarAreaprotegida}" 
                                 icon="ui-icon-disk" title="Guardar"/>
                    <p:commandButton value="Cancelar" type="button" onclick="modificarAreaprotegidaWgt.hide()"
                                     icon="ui-icon-cancel" title="Cancelar"/>
                </h:panelGrid> 
            </h:form>
        </p:dialog>
        
        
        
        
               
    </ui:define>   
</ui:composition>

